<template>
  <div class="about">
    <div class="box">
      <el-button @click="visablute = true">弹框</el-button>
      <my-dialogs :visablute="visablute" @classDialog="classDialog"></my-dialogs>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      visablute: false
    }
  },
  methods: {
    classDialog(val) {
      this.visablute = val
    }
  },
}
</script>
<style lang="scss" scoped>
.box {
  width: 200px;
  height: 200px;
  background: skyblue;
}
</style>
